<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="UTF-8">
    <title>控制面板</title>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="../static/plugins/layui/css/layui.css"
          th:href="@{/plugins/layui/css/layui.css}" media="all"/>
    <link rel="stylesheet" href="../static/css/main.css" th:href="@{/css/main.css}"/>
</head>

<body>
<!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
<!--[if lt IE 9]>
<script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
<script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->

<div class="layui-container">

    <fieldset class="layui-elem-field">
        <legend>更新日志</legend>
        <div class="layui-field-box">
            <a href="/druid" target="_blank" class="layui-btn layui-btn-warm layui-btn-radius"> druid数据库配置</a>
            <a href="/swagger-ui.html"  target="_blank" class="layui-btn layui-btn-warm layui-btn-radius">Swagger2</a>
        </div>
    </fieldset>


    <fieldset class="layui-elem-field layui-field-title" style="margin-top: 50px;">
        <legend>移动设备、平板、桌面端的复杂组合响应式展现</legend>
    </fieldset>

    <div class="layui-row">
        <div class="layui-col-xs6 layui-col-sm6 layui-col-md4">
            <div class="grid-demo grid-demo-bg1">移动：6/12 | 平板：6/12 | 桌面：4/12</div>
        </div>
        <div class="layui-col-xs6 layui-col-sm6 layui-col-md4">
            <div class="grid-demo layui-bg-red">移动：6/12 | 平板：6/12 | 桌面：4/12</div>
        </div>
        <div class="layui-col-xs4 layui-col-sm12 layui-col-md4">
            <div class="grid-demo layui-bg-blue">移动：4/12 | 平板：12/12 | 桌面：4/12</div>
        </div>
        <div class="layui-col-xs4 layui-col-sm7 layui-col-md8">
            <div class="grid-demo layui-bg-green">移动：4/12 | 平板：7/12 | 桌面：8/12</div>
        </div>
        <div class="layui-col-xs4 layui-col-sm5 layui-col-md4">
            <div class="grid-demo layui-bg-black">移动：4/12 | 平板：5/12 | 桌面：4/12</div>
        </div>
    </div>


</div>

<hr class="layui-bg-red">

<div class="admin-main">

    <blockquote class="layui-elem-quote">
        <p>本模板基于LayUI实现 ,支持所有LayUI组件.</p>
        LayUI文档地址：
        <a href="http://www.layui.com/doc" target="_blank">http://www.layui.com/doc</a>
        <p>项目地址：
            <a href="http://git.oschina.net/besteasyteam/beginner_admin" target="_blank">http://git.oschina.net/besteasyteam/beginner_admin</a>
        </p>
        <p>建议反馈和问题收集地址:
            <a href="http://beginner.zhengjinfan.cn/detail-36"
               target="_blank">http://beginner.zhengjinfan.cn/detail-36</a>
        </p>
        <p>交流群：248049395</p>
        <br/>
        <p style="color: #01AAED;">子窗体弹出对话框编辑表单的一些建议：如果是处理表单的，建议在子窗口弹出。把背景设置为无，如果只是提示信息，可以在父窗口弹出。</p>
    </blockquote>


    <fieldset class="layui-elem-field">
        <legend>更新日志</legend>
        <div class="layui-field-box">
            <fieldset class="layui-elem-field layui-field-title">
                <legend>版本号:# v0.1.9 2017-03-06</legend>
                <div class="layui-field-box">
                    <p>1、修复table组件一些样式问题。</p>
                    <p>详情请查看：<span style="color: #01AAED;">基本元素->表格</span></p>
                </div>
            </fieldset>
        </div>
    </fieldset>
</div>
<script type="text/javascript" charset="UTF-8" th:src="@{/plugins/layui/layui.js}"
        src="../static/plugins/layui/layui.js"></script>
</body>

</html>